<!--
 * @Author: 邱智聪
 * @Date: 2020-06-28 15:57:08
 * @LastEditTime: 2020-07-01 15:31:23
 * @LastEditors: Please set LastEditors
 * @Description: 退款理由
 * @FilePath: \ShopProject\JKshop\jkshop\src\pages\return\returnReason.vue
--> 
<template>
  <div class="returnReason">
    <van-nav-bar title="退款理由" left-text="返回" left-arrow @click-left="goBack" />
    <!-- 退货理由 -->
    <div class="reason">
      <div class="title">
        退款理由：
        <span style="color:red;">*必填</span>
      </div>
      <van-field v-model="message" rows="3" autosize type="textarea" placeholder="输入您的退款理由" />
    </div>
    <!-- 照片上传 -->
    <div class="upload">
      <div class="title">照片凭据:</div>
      <van-uploader v-model="fileList" multiple name="plus" />
    </div>
    <van-button class="next" type="danger" to="returnSuccess">提交</van-button>
  </div>
</template>

<script>

export default {
  data() {
    return {
      message: "",  //退款理由
      fileList: []    //相册组
    };
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/return/reason";
</style>